<!--
 * @Author: yuanbaohua 5353626+yuanbaohua@user.noreply.gitee.com
 * @Date: 2023-05-29 22:58:03
 * @LastEditors: yuanbaohua 5353626+yuanbaohua@user.noreply.gitee.com
 * @LastEditTime: 2023-05-30 23:37:39
 * @FilePath: \drg_web\src\views\drag\components\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="">
        <div @dragstart="handleDragStart" index="123"  draggable="true" >divs</div>
    </div>
  </template>
  
  <script setup>

function handleDragStart(e) {
  // console.log(e)
    e.dataTransfer.setData('index', "aa")
}
  </script>
  <style lang="scss" scoped>
  .app-container {
    min-height: calc(100vh - 84px);
    background-color: #f4f7ff;
    padding: 20px;
    .year-cost {
      margin: 24px 0;
      display: flex;
  
      .construction {
        flex: 1;
        margin-right: 24px;
      }
  
      .detail {
        flex: 1;
      }
    }
  }</style>